<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>监听器</title>
</head>

<body>



    <button>普通事件绑定</button>
    <button>监听器</button>





</body>

<script>
    var but = document.querySelectorAll('button');

    //普通事件绑定(绑定的事件只有一个唯一性 其他被覆盖)
    but[0].onclick = function() {
        alert('普通事件绑定1');
    }

    but[0].onclick = function() {
        alert('普通事件绑定2');
    }

    //事件监听
    but[1].addEventListener('click', function() {
        alert('事件监听1');
    });

    but[1].addEventListener('click', function() {
        alert('事件监听2');
        return;
    });
</script>

</html>